<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // gulp -> nodeJs
        // - vue react -> webpack -> nodeJs
        // - 自动化构建工具

        // gulp
        // - 版本：4.xxx    -> nodeJs 11以上版本
        // - 版本：3.xxx    -> nodeJs 10版本

        // 下载gulp
        // - 全局下载：cnpm i gulp@3.9.1 -g
        // - 局部下载：cnpm i gulp@3.9.1 --save-dev     注：必须找一个你想要下载的文件夹内
        // - 是否下载完成gulp -v

        // 使用gulp
        // - 在当前下载局部gulp目录里面，新建一个`gulpfile.js`文件
        // - 1. 引入gulp
        // - 2. 开启一个默认任务 gulp.task('default', function() {})
        // - 3. 执行默认文件 命令行内输入 gulp 回车

        // 打包js文件
        // 1. 下载对应的插件  cnpm i --save-dev gulp-uglify
        // 2. 配置文件里面  引入插件 var uglify = require('gulp-uglify')
        // 3. 开启打包js的任务 gulp.task('js', function () {})
        // 4. 回调函数内，先引入文件  gulp.src('文件地址')
        // 5. 执行插件 .pipe(uglify())
        // 6. 导出文件 .pipe(gulp.dest('要导出的地址'))

        for (var i = 0; i < 3; i++) {
            console.log(i)
        }
        console.log(i)

        console.log(123)
    </script>
</body>

</html>